.page {
  position: relative;
  width: 750rpx;
  height: 100vh;
  .box_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 100%;
    .image_1 {
      width: 654rpx;
      height: 22rpx;
      margin: 33rpx 0 0 48rpx;
    }
    .block_1 {
      width: 750rpx;
      height: 137rpx;
      justify-content: flex-center;
      .nav-bar_1 {
        width: 748rpx;
        height: 89rpx;
        margin-top: 24rpx;
        .group_1 {
          height: 37rpx;
          width: 184rpx;
          margin: 35rpx 0 0 30rpx;
          .block_2 {
            width: 184rpx;
            height: 37rpx;
            .icon_1 {
              width: 20rpx;
              height: 37rpx;
            }
            .text_1 {
              width: 145rpx;
              height: 35rpx;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 36rpx;
              font-family: PingFang-SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 36rpx;
              margin-top: 1rpx;
            }
          }
        }
        .group_2 {
          height: 55rpx;
          width: 150rpx;
          margin: 20rpx 19rpx 0 365rpx;
          .block_3 {
            position: relative;
            width: 150rpx;
            height: 55rpx;
            .box_2 {
              border-radius: 13px 0px 0px 0px;
              width: 36rpx;
              height: 14rpx;
              border: 4px solid rgba(0, 0, 0, 1);
              margin: 38rpx 0 0 82rpx;
            }
            .applet-top-bar_1 {
              position: absolute;
              left: 0;
              top: 0;
              width: 150rpx;
              height: 55rpx;
            }
          }
        }
      }
      .box_3 {
        width: 750rpx;
        height: 48rpx;
        margin-bottom: 24rpx;
      }
    }
    .block_4 {
      box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.11);
      background-color: rgba(255, 255, 255, 1);
      border-radius: 20px;
      width: 690rpx;
      height: 260rpx;
      margin: 20rpx 0 0 30rpx;
      .group_3 {
        width: 640rpx;
        height: 100rpx;
        margin: 17rpx 0 0 30rpx;
        .image-text_1 {
          width: 521rpx;
          height: 74rpx;
          margin-top: 13rpx;
          .image_2 {
            width: 74rpx;
            height: 74rpx;
          }
          .text-group_1 {
            width: 428rpx;
            height: 74rpx;
            .text_2 {
              width: 242rpx;
              height: 33rpx;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 34rpx;
              font-family: PingFang-SC-Bold;
              font-weight: 700;
              text-align: left;
              white-space: nowrap;
              line-height: 34rpx;
            }
            .text_3 {
              width: 427rpx;
              height: 22rpx;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 22rpx;
              font-family: PingFang-SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 22rpx;
              margin: 19rpx 0 0 1rpx;
            }
          }
        }
        .button_1 {
          background-color: rgba(40, 40, 40, 0.05);
          border-radius: 50%;
          height: 100rpx;
          width: 100rpx;
          .image-text_2 {
            width: 48rpx;
            height: 56rpx;
            margin: 23rpx 0 0 25rpx;
            .icon_2 {
              width: 25rpx;
              height: 23rpx;
              margin-left: 12rpx;
            }
            .text-group_2 {
              width: 48rpx;
              height: 23rpx;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 24rpx;
              font-family: PingFang-SC-Medium;
              font-weight: 500;
              text-align: left;
              white-space: nowrap;
              line-height: 70rpx;
              margin-top: 10rpx;
            }
          }
        }
      }
      .group_5 {
        width: 638rpx;
        height: 22rpx;
        margin: 29rpx 0 0 32rpx;
        .text-wrapper_1 {
          width: 181rpx;
          height: 22rpx;
          overflow-wrap: break-word;
          font-size: 0;
          font-family: PingFang-SC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 22rpx;
          .text_4 {
            width: 181rpx;
            height: 22rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 22rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 22rpx;
          }
          .text_5 {
            width: 181rpx;
            height: 22rpx;
            overflow-wrap: break-word;
            color: rgba(255, 65, 5, 1);
            font-size: 22rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 22rpx;
          }
          .text_6 {
            width: 181rpx;
            height: 22rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 22rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 22rpx;
          }
        }
		.text_s {
		  width: 100rpx;
		  height: 22rpx;
		  overflow-wrap: break-word;
		  color: rgba(51, 51, 51, 1);
		  font-size: 22rpx;
		  font-family: PingFang-SC-Medium;
		  font-weight: 500;
		  text-align: left;
		  white-space: nowrap;
		  line-height: 22rpx;
		}
        .icon_3 {
          width: 7rpx;
          height: 14rpx;
          margin-top: 4rpx;
        }
      }
      .list_1 {
        width: 360rpx;
        height: 144rpx;
        justify-content: space-between;
        margin: 29rpx 0 30rpx 30rpx;
        .image-text_3 {
          width: 100rpx;
          height: 144rpx;
          margin-right: 30rpx;
          .single-avatar_1 {
            width: 100rpx;
            height: 100rpx;
			border-radius: 50%;
          }
          .text-group_3 {
            width: 77rpx;
            height: 25rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 26rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
            margin: 19rpx 0 0 11rpx;
          }
        }
      }
    }
    .block_5 {
      box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.11);
      background-color: rgba(255, 255, 255, 1);
      border-radius: 20px;
      width: 690rpx;
      height: 170rpx;
      margin: 80rpx 0 0 30rpx;
      .list_2 {
        width: 502rpx;
        height: 40rpx;
        justify-content: space-between;
        margin: 30rpx 0 0 93rpx;
        .image-text_4 {
          width: 93rpx;
          height: 40rpx;
          margin-right: 112rpx;
          .icon_4 {
            width: 54rpx;
            height: 60rpx;
            margin-left: 20rpx;
          }
          .text-group_4 {
            width: 93rpx;
            height: 23rpx;
            overflow-wrap: break-word;
            color: rgba(153, 153, 153, 1);
            font-size: 24rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
            margin-top: 20rpx;
          }
        }
      }
      .box_4 {
        width: 490rpx;
        height: 28rpx;
        margin: 19rpx 0 0 99rpx;
        .text-wrapper_2 {
          width: 80rpx;
          height: 28rpx;
          overflow-wrap: break-word;
          font-size: 0;
          font-family: DIN-Bold;
          font-weight: 700;
          text-align: left;
          white-space: nowrap;
          line-height: 34rpx;
          .text_7 {
            width: 80rpx;
            height: 28rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 36rpx;
            font-family: DIN-Bold;
            font-weight: 700;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
          }
          .text_8 {
            width: 80rpx;
            height: 28rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 24rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
          }
        }
        .text-wrapper_3 {
          width: 80rpx;
          height: 28rpx;
          overflow-wrap: break-word;
          font-size: 0;
          font-family: DIN-Bold;
          font-weight: 700;
          text-align: left;
          white-space: nowrap;
          line-height: 34rpx;
          margin-left: 127rpx;
          .text_9 {
            width: 80rpx;
            height: 28rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 36rpx;
            font-family: DIN-Bold;
            font-weight: 700;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
          }
          .text_10 {
            width: 80rpx;
            height: 28rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 24rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
          }
        }
        .text-wrapper_4 {
          width: 80rpx;
          height: 28rpx;
          overflow-wrap: break-word;
          font-size: 0;
          font-family: DIN-Bold;
          font-weight: 700;
          text-align: left;
          white-space: nowrap;
          line-height: 34rpx;
          margin-left: 123rpx;
          .text_11 {
            width: 80rpx;
            height: 28rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 36rpx;
            font-family: DIN-Bold;
            font-weight: 700;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
          }
          .text_12 {
            width: 80rpx;
            height: 28rpx;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 24rpx;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 34rpx;
          }
        }
      }
      .box_5 {
        background-color: rgba(229, 229, 229, 1);
        width: 503rpx;
        height: 1rpx;
        margin: 30rpx 0 0 93rpx;
      }
    }
    .block_6 {
      box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.11);
      background-color: rgba(255, 255, 255, 1);
      border-radius: 20px;
      position: relative;
      width: 690rpx;
      height: 650rpx;
      justify-content: flex-center;
      margin: 20rpx 0 20rpx 30rpx;
  

      .group_6 {
        background-color: rgba(229, 229, 229, 1);
        width: 690rpx;
        height: 1rpx;
        margin-top: 49rpx;
      }

    }
  }
}
